/* 公共部分开始 */

body {
    margin: 0px;
    padding: 0px;
    /* background: #1F2D3D; */
    background-color: #fff;
    font-family: 'Microsoft YaHei', "\5FAE\8F6F\96C5\9ED1", "微软雅黑", Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, SimSun, sans-serif !important;
    font-weight: 400;
    /* -webkit-font-smoothing: antialiased; */
    /* -webkit-font-smoothing: subpixel-antialiased; */
    -webkit-font-smoothing: none;
    height: 100%;
    width: 100%;
    overflow-x: hidden !important;
    /* overflow: hidden; */
}

h1,h2,h3, p,header,ul,ol,li ,h4,dl,dt,dd{
    font-weight: normal;
    margin: 0;
    padding: 0;
    list-style: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.fl{
    float: left;
}

.fr{
    float: right;
}

.orangeColor{
    color: #ef8200;
}

.redBgColor{
    background-color: #ef0000;
}

.yellowBgColor{
    background-color: #ecef00;
}

.greenBgColor{
    background-color: #27ef00;
}

.cyanBgColor{
    background-color: #0092ef;
}

.lightGrayBgColor{
    background-color: #dddddd;
}

.blueColor{
    color: #006cef;
}

.svgColor{
    fill: #ef8200 !important;
}


.lightGrayColor{
    color: #999;
}

.bor2{
    border:1px solid red !important;
}

/* .bg{
    outline:#f00 solid 1px;
} */

.redDot{
    background-color : #ef0000;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    display: inline-block;
}

.blueDot{
    background-color : #006cef;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    display: inline-block;
}

.hideDom{
    display: none;
}

.showDom{
    display: block;
}

/* 清除浮动 */
.clearfix::after{
    content: ' ';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix{
    zoom:1;
}

.font14{
    font-size: 14px;
}

.red{
    color: #f56c6c;
}


.tipRed{
    font-size: 12px;
    color: #f56c6c;
}

.hideIcon{
    visibility: hidden !important;
}



/* 单行省略号 */
.ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

.posRelative{
    position: relative;
}

.posFixedCenter{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.hide{
    display: none;
}


.txtAlignR{
    text-align: right;
}

.txtAlignC{
    text-align: center !important;
}

.posL{
    left:10px;
}

.marR5{
    margin-right: 5px;
}

.marR10{
    margin-right: 10px;
}

.marL0{
    margin-left: 0 !important;
}

.marL5{
    margin-left: 5px;
}

.marL15{
    margin-left: 15px;
}

.marL62{
    margin-left: 62px;
}

.marL80{
    margin-left: 80px;
}

.marR8{
    margin-right: 8px;
}

.marR15{
    margin-right: 15px;
}

.marLR20{
    margin-left: 20px;
    margin-right: 20px;
}

.marNegL5{
    margin-left: -5px;
}

.marT10{
    margin-top: 10px;
}

.marT13{
    margin-top: 13px;
}
.marT20{
    margin-top: 20px;
}
.marT36{
    margin-top: 36px;
}

.marBT20 {
    margin-top: 20px;
    margin-bottom: 20px !important;
}

.marBT10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.marB8 {
    margin-bottom: 8px;
}

.marB10 {
    margin-bottom: 10px;
}

.marB12 {
    margin-bottom: 12px;
}

.marB20 {
    margin-bottom: 20px;
}

.marB30 {
    margin-bottom: 30px !important;
}

.paddR0{
    padding-right : 0  !important;
}

.padd10{
    padding: 10px;
}

.paddB10{
    padding-bottom: 10px;
}

.paddTB10{
    padding-top: 10px;
    padding-bottom: 10px;
}

.paddT20{
    padding-top: 20px;
}

.paddB20 {
    padding-bottom: 20px !important;
}
.paddB60 {
    padding-bottom: 60px !important;
}
.paddB100 {
    padding-bottom: 100px !important;
}
.paddBT20 {
    padding-top: 20px;
    padding-bottom: 20px !important;
}

.paddL20{
    padding-left: 20px;
}

.paddL60{
    padding-left:60px;
}

.paddL82{
    padding-left:82px;
}

.paddLR20{
    padding-left:20px !important;
    padding-right:20px !important;
}

.paddLR10{
    padding-left:10px !important;
    padding-right:10px !important;
}

.padd20{
    padding: 20px;
}

.setH3{
    font-size: 14px;
    color: #ef8200;
    padding-bottom: 10px;
}

.widPer20{
    width: 20%;
}

.minWidth350{
    min-width: 350px;
}

.minWidth600{
    min-width: 600px;
}

.minWid1366{
    min-width: 1366px;;
}

.H410{
    height: 410px;
}

.borderT1{
    border-top: 1px solid #d1d1d1;
}
.borderL1{
    border-left: 1px solid #d1d1d1;
}
.borderR1{
    border-right: 1px solid #d1d1d1;
}

.scaleIcon1{
    transform:scale(1.8);
}

.scaleIcon3{
    transform:scale(3);
}

.tipNoData{
    padding:10px 0;
    color: #909399;
    font-size: 1px;
    text-align: center;
}

.dashBorder1{
    border: 1px dashed #8c939d;
}

.avatar {
    width: 178px;
    height: 178px;
    display: block;
    border: 1px dashed #8c939d;
}

.popperClass{
    overflow-x:auto;
}

/* 几个图标动画 */
.loader { position: relative; width: 10px; height: 10px; border-radius: 50%; display: inline-block; vertical-align: middle; }
.loader-1 .loader-outter { position: absolute; border: 1px solid #ef8200; border-left-color: transparent; border-bottom: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite; animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite; }

@keyframes loader-1-inner {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
   }
    100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
   }
}

@keyframes loader-1-outter {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
   }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
   }
}



/* 公共部分结束 */

.ganttWrapper .el-table--enable-row-hover .el-table__body tr:hover>td{
    /* background-color: inherit !important; */
    /* pointer-events: none !important; */
}

.proAnalyWrapper .el-table__row:hover{
    cursor: pointer !important;
}

/* 复选框文字样式 */
.fontStyle{
    font-size: 14px;
    color: black;
}

/* 左右分页定位 */

.leftPageWripper{
    transform:translateX(-100%);
    margin-left:-20px;
    position: fixed;
    left: 50%;
    bottom: 20px;
}

.rightPageWripper{
    position: fixed;
    right: 20px;
    bottom: 20px;
}

/* 锚点导航 */
.anchorNav{
    background-color: white;
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding: 20px;
    z-index: 100;
    color: #ccc;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}
.anchorNav li:hover{
    color: #ef8200 !important;
}
.anchorNav > li:hover > .dot,
.orangeBgColor{
    background-color: #ef8200 !important;
}
.dot{
    display: inline-block;
    border-radius: 50%;
    background-color: #ccc;
    margin-right: 10px;
    height: 8px;
    width: 8px;
}

.shrink{
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 101;
}

.subMenuItemColor{
    display: block;
    width: 100%;
    height: 100%;
}

/* 面包屑导航 */
.breadWrapper{
    margin: 20px 20px 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e4e5;
    box-sizing: border-box;
}

.closePageWrapper{
    text-align: right;
    margin-top: -10px;
}

/* 关闭页面 */
.closePage{
    cursor: pointer;
    transform: translateY(13px) scale(1.8);
}

/* 操作按钮 */
.operatBtnWrapper{
    padding: 10px 20px;
}
.operatBtn{
    color: white;
    background-color: #f39c00;
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: none;
    font-size: 14px;
    cursor: pointer;
}
.operatBtn:hover{
    background-color: #f5b466;
}

/* 表格 */
.rowClass,.headerRowClass{
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    cursor: pointer;
}
.rowClass:hover .tContent{
    background-color: #e8e9ea !important;
    color: #4b5059 !important;
}

.tableWrapper{
    border: 1px solid #d1d1d1;
}

.tableWrapper .theader,.tableWrapper1 .theader{
    font-size: 14px;
    position: relative !important;
}
.tableWrapper .tContent,.tableWrapper1 .tContent,.tdText{
    font-size: 12px;
    color: #909399;
}

/* 表格排序箭头 */
.tableCaretWrapper {
    width: 20px;
    height: 16px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-8px);
}

.tBcaretWrapper{
	width: 20px;
    height: 16px;
    position: absolute;
    left: 4px;
    top: 50%;
    -webkit-transform: translateY(-8px);
    transform: translateY(-13px);
}

.reportErrorIcon{
    position: absolute;
    right: 0;
}


/* 三角形公共设置 */
.tableSortCaret {
    width: 0;
    height: 0;
    display:block;
    border-style:solid;
    position: absolute;
}

/* 上三角形  */
.tableAscending {
    border-width:0 6px 6px;
    border-color:transparent transparent #bfc1c4;/*透明 透明  黄*/
    top:0px;
}

.tableAscending:hover,.tableAscendingActive{
    border-color:transparent transparent #ef8200;/*透明 透明  黄*/
}

/* 下三角形  */
.tableDescending {
    border-width:6px 6px 0;
    border-color:#bfc1c4 transparent transparent ;/*透明 透明  黄*/
    bottom:0px;
}
.tableDescending:hover,.tableDescendingActive{
    border-color:#ef8200 transparent transparent ;/*透明 透明  黄*/
}

/* 列左右移动箭头 */
.sortLrCol{
    position: relative;
}
.lrArrowsWrapper{
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}
.sortLrCol:hover .lrArrowsWrapper,
.alphaBlack{
    opacity: 1;
    background-color:rgba(0,0,0,.7);
}
.leftArrow{
    position: absolute;
    left: 6px;
    top: -3px;
    -webkit-transform: translateY(13px) scale(1.8);
    transform: translateY(13px) scale(1.8);
}

.rightArrow{
    position: absolute;
    top: -3px;
    right: 6px;
    -webkit-transform: translateY(13px) scale(1.8);
    transform: translateY(13px) scale(1.8);
}

.enterPageIcon{
    top: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(1.8);
}

.grayLine{
    height: 1px;
    border-bottom: 1px solid #e3e4e5;
}

/* 弹框翻页图标 */
.turnIconWrapper{
    width: 44px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    color: #c7c3c4;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    float: right;
    margin-bottom: 5px;
}
.turnCommIcon{
    text-align: center;
    width: 50%;
    box-sizing: border-box;
    cursor: pointer;
}
.turnLeftIcon{
    float: left;
    border-right: 1px solid #dfdfdf;
}
.turnRightIcon{
    float: right;
}
.turnLeftIcon:hover,
.turnRightIcon:hover{
    color: #919191;
    background-color: #f1f1f1;
}

/* 弹框表格 */
.tableChoice{
    box-sizing: border-box;
    width: 100%;
}

.hideDepart{
    padding-top: 14px;
    padding-bottom: 14px;
    display: inline-block;
    text-align: center;
    color: #909399;
    font-size: 12px;
    box-sizing: border-box;
    border-left:1px solid #d1d1d1;
    border-top:1px solid #d1d1d1;
    border-bottom:1px solid #d1d1d1;
    border-right:1px solid #d1d1d1;
    cursor:pointer;
}
/* .hideDepart:last-child{
    border-right:1px solid #d1d1d1;
} */
.hideDepartActive{
    border:1px solid #ef8200;
    position:relative;
}
.hideDepart.hideDepartActive:last-child{
    border-right:1px solid #ef8200;
}
.hideDepartActive::after{
    width:11px;
    height:11px;
    position:absolute;
    bottom:-1px;
    right:0;
    content:'';
    background:url('../images/checked.gif') no-repeat;
}

/* 自定义列 */
.cusColumnWrapper{
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    color: #0088ed;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
    /* overflow-x: auto; */
}

.choiceCol > li{
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    border:1px solid #d1d1d1;
    float: left;
}

.hideCol{
    position: absolute;
    top: 12px;
    right: 10px;
}

.tBHideCol{
    position: absolute;
    top: 7px;
    right: 6px;
}

.notAllowed{
    background-color: #d6d6d6;
    cursor: not-allowed; 
}

.notAllowed:hover{
    background-color: #d6d6d6 !important;
}

/* 分页 */
.pagiWrapper{
    float: right;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.operTheaderIconWrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}
.operTheaderIconWrapper:hover{
    opacity: 1;
    background-color: rgba(0,0,0,.7);
}

.elBadge{
    height: 0px;
    margin-top: -20px;
}

/* 图片裁剪框 */
.cropperWrapper{
    position: fixed;
    left:0;
    bottom:0;
    top:0;
    bottom:0;
    z-index:100;
    width: 100%;
    height: 100%;
}

.cropperBtnPos{
    position: fixed;
    left:50%;
    transform: translateX(-50%);
    bottom:60px;
}

/* 重写element开始 */

/* 登录模块 */

.login_wrapper .el-input__inner {
    padding-left: 18px !important;
    padding-right: 18px !important;
    border-radius: 0 !important;
    height: 55px !important;
    line-height: 55px !important;
    font-size: 18px !important;
    border: 1px solid #d1d1d1 !important;
    color: #d1d1d1 !important;
}

.login_wrapper .el-form-item__content {
    line-height: 0 !important;
}

.el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {
    background-color: #f5b466;
    border: none;
}

/* 隐藏加载中的图标 */

.loginLoading .el-icon-loading {
    animation: none;
    display: none;
}

/* 主导航 */
.mainNav .el-menu-item{
    font-size: 16px !important;
}
.mainNav .el-menu--horizontal>.el-menu-item.is-active,
.mainNav .el-menu--horizontal>.el-menu-item{
    border: none !important;
}

.mainNav .el-menu.el-menu--horizontal{
    border-bottom:none;
}
.mainNav .el-menu--horizontal>.el-menu-item,
.mainNav .el-menu-item, .el-submenu__title,
.mainNav .el-menu--horizontal>.el-submenu .el-submenu__title{
    height: 36px !important;
    line-height: 36px !important;
}
.mainNav .el-submenu__title{
    font-size: 16px;
}

/* .mainNav .el-submenu:first-child{
    background-color: #ef8200;
} */

.mainNav .el-menu--horizontal>.el-submenu.is-active .el-submenu__title{
    border: none;
}

/* .mainNav .el-submenu:first-child .el-submenu__title,
.mainNav .el-submenu:first-child .el-submenu__title i{
    color: white !important;
} */

 .el-menu--popup .el-menu-item,
 .el-menu--popup .el-submenu__title,
 .subMenuItemColor{
    color: #5b5b5b !important;
} 

.el-menu--horizontal>.el-submenu .el-submenu__title:hover,
.el-menu--horizontal>.el-submenu .el-submenu__title:hover i,

.el-menu--popup .el-submenu__title:hover,
.el-menu--popup .el-submenu__title:hover,
.el-menu--popup .el-submenu__title:hover,

.el-menu--popup .el-menu-item:hover,
.el-menu--popup .el-menu-item:hover i,
.subMenuItemColor:hover
{
    background-color: #ef8200 !important;
    color: white !important;
}

.el-menu--popup
{
    border: 1px solid #ef8200 !important;
    box-shadow: none;
    display: block !important;
}

.el-menu--popup .el-menu--horizontal{
    left: 195px !important;
}

.el-menu--popup .el-menu--horizontal .el-menu--popup{
    border:1px solid #e5e5e5 !important;
}

.el-menu--popup-bottom-start{
    margin-top: 10px;
}

/* .el-menu-demo a.manuItem{
    display: inline-block;
    height: 36px;
    line-height: 30px;
} */
.selfElTransfer .el-transfer-panel__filter{
    margin-left :0;
    margin-right :0;
} 
/* 重写穿梭框 */
.el-transfer-panel__item.el-checkbox{
    display:block;
}

/* 重写文本域 */
.inputRegion > .el-textarea__inner{
    width: 640px;
    min-height: 300px !important;
    border:1px solid #d1d1d1;
    color: #000;
    border-radius: 0;
}

/* 重写文本框 */
 .inputTxtWrapper .el-input__inner,
.inputTxtWrapper .el-form-item.is-success .el-input__inner{
    border:1px solid #d1d1d1;
    color: #000;
    min-width: 248px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
}

.searchTxtInput .el-input__inner,
.searchTxtInput .el-form-item.is-success .el-input__inner{
    border:1px solid #d1d1d1;
    color: #000;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
}

.el-popper{
    min-width: 248px;
}

/* 重写复选框 */
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
    background-color: #ef8200;
    border-color: #ef8200;
}
.resetCheckFont .el-checkbox__label{
    color: white;
}


/* 重写树 */
/* .el-checkbox__input.is-checked .el-checkbox__inner, 
.el-checkbox__input.is-indeterminate .el-checkbox__inner{
    background-color: #ef8200;
    border-color: #ef8200;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{
} */


/* 重写表格 */
/* .tableWrapper .tableHeader .cell{
    font-weight: normal;
    color: black;
    font-size: 14px;
}


/* 修改表格鼠标悬浮hover背景色 */
.tableWrapper .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #e8e9ea;
    color: #4b5059;
}


.el-table--border{
    border-color: rgb(209, 209, 209);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.el-table--border th.gutter{
    display: table-cell!important;
}

.el-table--border td, 
.el-table--border th, 
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
    border-right:1px solid #d1d1d1;
}

.el-table td, 
.el-table th.is-leaf{
    border-bottom:1px solid #d1d1d1;
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td, 
.el-table__body tr.current-row>td, 
.el-table__body tr.hover-row.current-row>td, 
.el-table__body tr.hover-row.el-table__row--striped.current-row>td, 
.el-table__body tr.hover-row.el-table__row--striped>td, 
.el-table__body tr.hover-row>td{
    background-color:#e8e9ea;
}

/* 重写badge */
.el-badge__content{
    min-width: 20px;
}

/* 重写图片上传 */
.el-upload--picture-card,
.el-upload-list--picture-card .el-upload-list__item,
.el-upload-list__item-actions{
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
    border: 1px dashed #8c939d;
    border-radius: 0 !important;
}
 .el-upload-list__item.is-success .el-upload-list__item-status-label{
    display: none;
} 

/* 重写颜色选择器 */
.el-color-picker__trigger{
    width: 16px;
    height: 16px;
    padding: 0;
}

/* element表格行悬浮 */
.rowClass .toggleShow{
    visibility: hidden;
}
.rowClass:hover .toggleShow{
    visibility: visible;
}

.posClass{
    overflow: hidden !important;
}

.addProGroup .el-checkbox+.el-checkbox{
    margin-left: 0 !important;
}

.posClass  .el-dialog{
    height: 780px !important;
    overflow-y: auto !important;
}

.el-table div.cell{
    padding: 0 2px;
}
.el-table div.cell .caret-wrapper{
    width: 14px;
}
.el-table div.cell .caret-wrapper i{
    left: 4px;
}

.supplierMinTableClass th,.supplierMinTableClass td{
    padding: 1px 0;
}
.supplierMinTableClass .caret-wrapper{
    height: 24px;
    line-height: 24px;
}
/* 物料有关的表格鼠标悬停时的背景色 */
.materielTable .el-table__body tr:hover>td{
    background-color: rgba(185, 221, 249, 0.75);
}


/* .el-upload-list--picture-card .el-upload-list__item{
    border: none;
} */

/* .tableCell{
    border: 1px solid #d1d1d1;
}
.tableHeader,.tableHeader th{
    padding: 0;
}
.tableHeader .el-table td, .el-table th.is-leaf{
    border: 1px solid #d1d1d1;
}  */



/* 重写element结束 */

/* 自己写的媒体查询 */
/* @media (min-width:1024px)  and (max-width: 1365px) {
    .cusColumnWrapper{
        margin-top: 10px;
    }
} */